decorative banner

Creating a custom shatter map


    All layers in After Effects are represented as an RGBA image (even black-and-white images). The Shatter effect calculates the luminance threshold of each channel to create a custom shatter map. Shatter calculates the 50% luminance threshold of each channel, creating an image composed of only eight colors: red, green, blue, yellow, magenta, cyan, white, and black. These eight colors become possible combinations of the channels set either all the way on (255) or all the way off (0). The shatter layer splits along the edges of these different colored sections.

    When designing custom shatter maps, it can be useful to manually set a threshold for each channel of the image at 50% (you can use the Curves effect to do this). When you set the threshold you can see how the image will be broken into pieces. Alternatively, you can create custom shatter maps by drawing an image using only the eight colors listed above, with no intermediate shades or anti-aliasing.

    The alpha channel determines whether or not a shattered piece exists. A white alpha channel value results in a shattered piece, and a black alpha channel value results in no piece. Using an alpha channel, you can make a tile map with holes in it or generate simple 3D models like extruded text.

    Note: The custom shatter map determines the shapes of the pieces your layer shatters into, but not when the pieces shatter. The timing is determined by the Force controls and can be further controlled by a gradient layer.